<template>
	<scroll-view class="content" scroll-y @scrolltolower="reachBottom">
		<u-navbar :is-back="false" :immersive="true">
			<view class="slot-wrap">
				<!-- <image src="http://7n.gl.file.91golf.com/9c91c17e373f4903a4e95b3ae9e97e1f.png" class="logo"></image>
				<image src="http://7n.gl.file.91golf.com/b4fb07d1518b40cfa81c718898f456de.png" class="slogan"></image> -->
				<image src="http://7n.gl.file.91golf.com/c5bf359b38b34dcd89d38fdaada8e6a3.png" class="logo"></image>
				<image src="http://7n.gl.file.91golf.com/24ec220db8234d689c19156a27b76163.png" class="slogan"></image>

			</view>
		</u-navbar>
		<view class="content-box" :style="[{'padding-top':systeminfopx+'px'}]">
			<u-notice-bar :volume-icon="true" :list="listtz" :autoplay="false" :playState="'paused'" :speed="0">
			</u-notice-bar>
			<!-- u-notice-bar mode="horizontal" v-if="youhuifu" :list="huifulist"></u-notice-bar> -->
			<view style="margin-top: 30rpx;" @click="tomytiwen">
				<u-notice-bar mode="horizontal" v-if="youhuifu" :list="huifulist"  type="primary" :autoplay="false" :playState="'paused'" :speed="0"></u-notice-bar >
				
			</view>
			<view style="padding:20rpx 32rpx;" >
				<u-swiper :list="list" mode="rect" indicator-pos="bottomRight" @click="swclick"></u-swiper>
			</view>

			<view class="line"></view>

			<view>
				<view class="u-flex u-row-between title-box" style="padding: 20rpx 30rpx;font-size: 32rpx;">
					<view class="title title-1">快捷导航</view>
				</view>
				<view style="padding: 20rpx 17rpx;">
					<u-grid :col="3" :border="false">
						<u-grid-item class="animation-fade" style="position: relative;padding-top: 0;"
							@click="toweburl('https://cs.91golf.com/bsfw/bsdt/',true)">
							<!-- 	<image src="http://7n.gl.file.91golf.com/34259e37538b4bf68d5188781f3a2ebc.png"
								mode="widthFix" style="position: relative;">
							</image> -->
							<image src="http://7n.gl.file.91golf.com/57bb14acf6a84dfb890370f2cf4fd084.png"
								style="width: 80rpx;height: 80rpx;left: 0;right:0 ;margin: 0 auto;">
							</image>
							<view class="btn-shouye1">
								<view class="title">办税地图</view>
								<!-- <view>优惠政策条件查询</view> -->
							</view>
						</u-grid-item>
						<u-grid-item class="animation-fade" @click="tosearch()">
							<!-- <image src="http://7n.gl.file.91golf.com/34259e37538b4bf68d5188781f3a2ebc.png"
								mode="widthFix" style="position: relative;">
							</image> -->
							<image src="http://7n.gl.file.91golf.com/9ad19224e58e48b4b70a565b041436a0.png"
								style="width: 80rpx;height: 80rpx;left: 0;right:0 ;margin: 0 auto;">
							</image>
							<view class="btn-shouye1">
								<view class="title">AI提问</view>

							</view>
						</u-grid-item>
						<u-grid-item class="animation-fade"
							@click="toweburl('https://cs.91golf.com/bsfw/calendar/main',true)">
							<!-- <image src="http://7n.gl.file.91golf.com/34259e37538b4bf68d5188781f3a2ebc.png"
								mode="widthFix" style="position: relative;">
							</image> -->
							<image src="http://7n.gl.file.91golf.com/89c0fe061dc247faa2ec0d8d68082998.png"
								style="width: 80rpx;height: 80rpx;left: 0;right:0 ;margin: 0 auto;">
							</image>
							<view class="btn-shouye1">
								<view class="title">办税日历</view>
								<!-- <view>期末留抵退税条件查询</view> -->
							</view>
						</u-grid-item>
					</u-grid>
				</view>
			</view>
			<view class="line"></view>
			<view class="box" @click="tiaozhuan(true)">
				<view class="u-flex u-row-between title-box">
					<view class="title title-1">官方答疑</view>
					<view class="title">更多</view>
				</view>
				<image src="http://7n.gl.file.91golf.com/793770cdc5d04e889ef05d4c7097286c.png" mode="widthFix"
					style="width: 100%;border-radius: 10rpx;"></image>
				<!-- 				<view style="padding-bottom: 60rpx; white-space: nowrap;width: 100%;overflow-x: scroll;">
					<view class="animation-fade"
						style="display: inline-block;width: 200rpx;text-align: center;overflow: hidden;padding: 0 10rpx;"
						v-for="(item,index) in gfinList" @click="tolist(item)">
						<image :src="item.industryIcon" mode="widthFix" style="position: relative;width: 100rpx;">
						</image>
						<view style="font-size: 24rpx;white-space: pre-line;height: 70rpx;line-height: 35rpx;">
							<view>{{item.industryName}}</view>
						</view>
					</view>

				</view> -->
				<!-- <view style="padding: 0 32rpx;" class="title1">官方答疑</view> -->
				<!-- <view style="padding: 0 17rpx;">
					<u-grid :col="2" :border="false">
						<u-grid-item class="animation-fade">
							<image src="../../static/img/btn-answer-1.png" mode="widthFix" style="position: relative;">
							</image>
							<view class="grid-text1">
								<view class="title">六税两费</view>
								<view>优惠政策条件查询</view>
							</view>
						</u-grid-item>
						<u-grid-item class="animation-fade">
							<image src="../../static/img/btn-answer-2.png" mode="widthFix" style="position: relative;">
							</image>
							<view class="grid-text1">
								<view class="title">小型微利企业</view>
								<view>优惠政策条件查询</view>
							</view>
						</u-grid-item>

					</u-grid>
				</view> -->
				<!-- 				<view style="overflow-x: scroll;color: #888888;font-size: 32rpx;white-space: nowrap;">
					<view v-for="(item,index) in gfinList" @click="selitem1(index)"
						style="margin: 0 40rpx 0 0;display: inline-block;" class="animation-"
						:style="[{'animation-delay': (index+1)*0.1+'s'}]">
						<view style="display: flex;">

							<image :src="item.industryIcon"
								style="width: 34rpx;height: 34rpx;position: relative;top: 6rpx;margin-right: 5rpx;">
							</image>
							<view style="max-width: 100rpx;overflow: hidden;" :class="[{'itemselect':item.isselect}]">{{item.industryName}}</view>
						</view>
					</view>
				</view>
				<scroll-view class="question-answer-box" style="max-height: 700rpx;" :scroll-y="true"
					@scrolltolower="getmore">
					<u-empty text="暂无提问" mode="list" v-if="isnull1()" icon-size="80" margin-top="20"></u-empty>
					<block v-for="(questionslist,findex) in gfquestions" :key="findex">
						<view class="example animation-slide-bottom" v-for="(item,index) in questionslist"
							@click="godetail(item,index,'guanfang',findex)">
							<view class="qes">
								<image src="../../static/img/sign-question.png" mode="widthFix" style="width: 32rpx;">
								</image>
								{{item.content}}
							</view>
							<view class="ans text-gray">
								<image src="../../static/img/sign-answer.png" mode="widthFix" style="width: 32rpx;">
								</image>
								{{item.detail?item.detail.content:"暂无回答"}}
							</view>
							<view
								style="display: flex;justify-content: flex-end;padding: 20rpx;width: 100%;text-align: right;font-size: 22rpx;"
								class="text-gray ">
								<view class="cuIcon-attention text-grey "></view>
								<view style="margin-left: 10rpx;">{{item.chakannum?item.chakannum:0}}</view>

							</view>
						</view>
					</block>

				</scroll-view> -->
			</view>
			<!-- <view class="line"></view> -->
			<view class="">
				<!-- <view class="title1">政策匹配</view> -->
				<view style="padding: 0 17rpx;">
					<swiper :circular="true" :indicator-dots="true" :autoplay="true" style="margin: 20rpx 0;">
						<swiper-item>
							<u-grid :col="3" :border="false">
								<u-grid-item class="animation-fade"
									@click="topage('/pages/wenjua/yanfajiaji/yanfajiaji')">
									<image src="http://7n.gl.file.91golf.com/4727b96233714b6db9a89e6ca1eba2a3.png"
										mode="widthFix" style="position: relative;">
									</image>
									<view class="grid-text">
										<view class="title">研发加计</view>
										<view>优惠政策条件查询</view>
									</view>
								</u-grid-item>
								<u-grid-item class="animation-fade" @click="topage('/pages/wenjua/liushui/liushui')">
									<image src="http://7n.gl.file.91golf.com/dd3d53455f8448eda07a76cddaab831b.png"
										mode="widthFix" style="position: relative;">
									</image>
									<view class="grid-text">
										<view class="title">六税两费</view>
										<view>优惠政策条件查询</view>
									</view>
								</u-grid-item>
								<u-grid-item class="animation-fade"
									@click="topage('/pages/wenjua/suodeshui/suodeshui')">
									<image src="http://7n.gl.file.91golf.com/73bbe5e924154f6e9981a79555218fa9.png"
										mode="widthFix" style="position: relative;">
									</image>
									<view class="grid-text">
										<view class="title">小型微利企业</view>
										<view>优惠政策条件查询</view>
									</view>
								</u-grid-item>

							</u-grid>
						</swiper-item>
						<swiper-item>
							<u-grid :col="3" :border="false">

								<u-grid-item class="animation-fade"
									@click="topage('/pages/wenjua/zengzhishui/zengzhishui')">
									<image src="http://7n.gl.file.91golf.com/831bc5f8760549b695c1b88b6e7abac1.png"
										mode="widthFix" style="position: relative;">
									</image>
									<view class="grid-text">
										<view class="title">增值税</view>
										<view>期末留抵退税查询</view>
									</view>
								</u-grid-item>
							</u-grid>
						</swiper-item>
					</swiper>

				</view>
			</view>
			<view class="line"></view>
			<view class="box" v-if="!isccccc">
				<view class="u-flex u-row-between title-box">
					<view class="title title-1" style="padding: 15rpx 0;">推荐问答</view>

					<view class="title" @click="tiaozhuan(false)" style="padding: 15rpx 0;">更多</view>
				</view>
				<view style="width: 100%;padding-bottom: 20rpx;">
					<u-tabs :list="listpaixu" :is-scroll="false" :current="currentpaixu" @change="changepaixu"></u-tabs>
				</view>

				<view
					style="overflow-x: scroll;color: #888888;font-size: 32rpx;white-space: nowrap;margin-bottom: 20rpx;">
					<view v-for="(item,index) in inList" @click="selitem(index)"
						style="margin: 0 40rpx 0 0;display: inline-block;" class="animation-fade"
						:style="[{'animation-delay': (index+1)*0.1+'s'}]">
						<view style="display: flex;">
							<!-- <u-icon v-if="item.isselect" name="grid-fill" size="34" color="#FF9240"></u-icon> -->
							<image src="../../static/img/ic-tab-all.png"
								style="width: 34rpx;height: 34rpx;position: relative;top: 6rpx;margin-right: 5rpx;"
								v-if="index==0"></image>
							<image :src="item.industryIcon"
								style="width: 34rpx;height: 34rpx;position: relative;top: 6rpx;margin-right: 5rpx;"
								v-if="index>0"></image>
							<view style="max-width: 100rpx;overflow: hidden;" :class="[{'itemselect':item.isselect}]">
								{{item.industryName}}
							</view>
						</view>
					</view>
				</view>
				<view class="question-answer-box">
					<u-empty text="暂无提问" mode="list" v-if="isnull()" icon-size="80" margin-top="20"></u-empty>
					<block v-for="(questionslist,findex) in questions" :key="findex">
						<view class="example animation-slide-top" v-for="(item,index) in questionslist"
							@click="godetail(item,index,'feiguanfang',findex)">

							<view style="display: flex;">
								<image src="../../static/img/sign-question.png" mode="widthFix" style="width: 32rpx;">
								</image>
								<view class="tiwen">
									{{item.content}}
								</view>

							</view>
							<view class="ans">
								<image src="../../static/img/sign-answer.png" mode="widthFix" style="width: 32rpx;">
								</image>
								<view class="wenben" style="width: calc(100% - 32rpx);">
									{{item.detail?item.detail.content:"暂无回答"}}
									<view class="zhezhao" v-if="item.detail">查看详情</view>
								</view>

							</view>
							<view
								style="display: flex;justify-content: flex-end;padding: 20rpx;width: 100%;text-align: right;font-size: 22rpx;padding-bottom:0"
								class="text-gray ">
								<view style="margin-right: 10rpx;">问题发布于{{getTimeFormat(item.createTime)}}</view>
								<u-icon name="eye" color="#2979ff" size="32"></u-icon>
								<view style="margin-left: 5rpx;font-size: 28rpx;">{{item.chakannum?item.chakannum:0}}
								</view>

							</view>
						</view>
					</block>

				</view>
			</view>

		</view>
		<u-mask :show="showmask" @click="showmask = false">
			<image mode="widthFix" class="animation-fade" @click="tosearch1"
				src="http://7n.gl.file.91golf.com/805f12fc8f5f4f4ea2fad688e520fa55.png"
				style="width: 500rpx;position: fixed;top: 250rpx;right: 0;left:0;margin: 0 auto;border-radius: 20rpx;"></image>
		</u-mask>


	</scroll-view>
</template>

<script>
	import {
		getGoodsCollection,
		deleteGoodsCollection,
		deleteStoreCollection,
	} from "@/api/members.js";
	import {
		http,
		Method
	} from "@/utils/request.js";
	import storage from "@/utils/storage.js";
	import moment from 'dayjs';

	export default {
		data() {
			return {
				youhuifu:true,
				showmask:false,
				isccccc: true,
				listpaixu: [{
					name: '按发布时间排序'
				}, {
					name: '按查看数量排序'
				}],
				currentpaixu: 0,
				huidashu: 0,
				listtz: [],
				gfquestions: [],
				glpage: 1,
				total: 0,
				gftotal: 0,
				pageNumber: 1,
				pageSize: 20,
				selLiIndustryId: null,
				gfinListselLiIndustryId: null,
				inList: [],
				gfinList: [],
				list: [{image:"http://7n.gl.file.91golf.com/b41cc64abe9e46f3aef5b6d6beb727bd.jpg",title:"台历"},{
					image: 'http://7n.gl.file.91golf.com/34218892ecd64b88aa3577fb73b58287.png',
					title: '企业健康体检'
				}],
				questions: [],
				systeminfopx: 0,
				huifulist:[],
			};
		},
		async created() {
			let systeminfo = uni.getSystemInfoSync();
			this.systeminfopx = systeminfo.statusBarHeight + uni.upx2px(88);
			let showmask=uni.getStorageSync("showmask")
			if(!showmask){
				this.showmask=true;
				uni.setStorageSync("showmask",true);
			}
			
		},
		async mounted() {
			await this.getAllLiIndustry();
			this.isccccc = uni.getStorageSync("isccccc");
			this.dataList();
			this.getshuliang();
		},

		methods: {
			tomytiwen(){
				uni.navigateTo({
					url:"/pages/mine/my-questions"
				})
			},
			async getshuliang(){
				let user = storage.getUserInfo();
				let params={};
				let res = await http.request({
					url: "/lili/liQuestionsDetail/wodetiwenhuidashu/"+user.id,
					method: Method.GET,
					needToken: true,
					params
				});
				let shuliang=res.data.result.count;
				if(shuliang>0){
					this.youhuifu=true;
					let arr=["您的问题有"+shuliang+"个新的回复，点击立即前往查看"];
					this.huifulist=arr
				}
				console.log("***************getshuliang***********",res)
			},
			changepaixu(index) {
				this.currentpaixu = index;
				console.log("changepaixu")
				this.dataList()
			},
			toweburl(url, hp) {
				uni.navigateTo({
					url: "/pages/tabbar/home/web-view?src=" + url + "&hp=" + hp
				})
			},
			tolist(item) {
				console.log("tolist", item);
				uni.navigateTo({
					url: "/pages/verticalnav/questionsList/questionsList?id=" + item.id + "&title=" + item
						.industryName
				})
			},
			topage(url) {
				uni.navigateTo({
					url: url
				})
			},
			getTimeFormat(timeLong) {

				let now = moment()
				let time = moment(timeLong);
				let minute = now.diff(time, "minute");
				let hour = now.diff(time, "hour");
				let day = now.diff(time, "day");
				// if(day==0 && hour==0 && minute<=60){
				// 	return minute+"分钟前"
				// }
				// if(day==0 && hour<=24){
				// 	return hour+"小时"+minute+"分钟前";
				// }
				// if(day<=30){
				// 	return day+"天"+hour+"小时"+minute+"分钟前"
				// }
				return time.format("YYYY-MM-DD HH:mm");
			},
			tosearch1(){
				this.showmask=false;
				uni.$emit("listenTabChange",3)
			},
			tosearch() {
				// uni.navigateTo({
				// 	url: "/pages/mine/navigation/search/searchPage"
				// })
				uni.navigateTo({
					url: "/pages/chat/gpt/index"
				})
			},
			swclick(index) {
				let item = this.list[index];
				if(item["title"]=="台历"){
					uni.navigateTo({
						url: "/pages/promotion/point/detail?id=1608749192367484930"
					})
				}else{
					uni.navigateTo({
						url: "/pages/wenjua/userform/userform"
					})
				}
				
				console.log("swclick", item)
			},
			getmore() {
				let page = this.glpage;
				page++;
				if (page * this.pageSize >= this.gftotal) {
					uni.showToast({
						icon: "none",
						title: "没有更多了~"
					})
					return
				}
				this.glpage = page;
				this.dataList1();
			},
			tiaozhuan(isAdmin) {
				uni.navigateTo({
					url: "/pages/verticalnav/questions?isAdmin=" + isAdmin
				})
			},
			godetail(item, index, type, findex) {
				if (type == "feiguanfang") {
					if (!this.questions[findex][index]["chakannum"]) {
						this.questions[findex][index]["chakannum"] = 1
					} else {
						this.questions[findex][index]["chakannum"] = this.questions[findex][index]["chakannum"] + 1
					}
				} else if (type == "guanfang") {
					if (!this.gfquestions[findex][index]["chakannum"]) {
						this.gfquestions[findex][index]["chakannum"] = 1
					} else {
						this.gfquestions[findex][index]["chakannum"] = this.gfquestions[findex][index]["chakannum"] + 1
					}
				}
				this.$forceUpdate()
				uni.navigateTo({
					url: "/pages/verticalnav/question-detail?id=" + item.id,
				})
			},
			isnull() {
				let questions = this.questions;
				if (questions.length == 0) {
					return true;
				} else {
					if (questions[0].length == 0) {
						return true;
					}
				}
				return false;
			},
			isnull1() {
				let questions = this.gfquestions;
				if (questions.length == 0) {
					return true;
				} else {
					if (questions[0].length == 0) {
						return true;
					}
				}
				return false;
			},
			reachBottom() {
				// let page = this.pageNumber;
				// page++;
				// if (page * this.pageSize >= this.total) {
				// 	uni.showToast({
				// 		icon: "none",
				// 		title: "没有更多了~"
				// 	})
				// 	return
				// }
				// this.pageNumber = page;
				// this.dataList();
			},
			selitem(index) {
				let inList = this.inList;
				inList.forEach((item, index1) => {
					item["isselect"] = false;
					if (index1 == index) {
						item["isselect"] = true;
						this.selLiIndustryId = item.id
					}

				})
				this.pageNumber = 1;
				this.dataList();
			},
			selitem1(index) {
				let inList = this.gfinList;
				inList.forEach((item, index1) => {
					item["isselect"] = false;
					if (index1 == index) {
						item["isselect"] = true;
						this.gfinListselLiIndustryId = item.id
					}

				})
				this.glpage = 1;
				this.dataList1();
			},
			async getAllLiIndustry() {
				let user = storage.getUserInfo();
				let params = {
					pageNumber: 1,
					pageSize: 999,
					deleteFlag: false,
					sort: "create_time",
					order: "desc",

				}
				uni.showLoading({
					title: "加载中",
					mask: true
				})
				let res = await http.request({
					url: "/lili/liQuestions/getAllLiIndustry",
					method: Method.GET,
					needToken: true,
					params,
				});
				uni.hideLoading()
				let data = res.data.result.records || [];
				let inList = []
				let obj = {
					"industryName": "全部",
					"isselect": true,
					"id": null,
				}
				inList.push(obj)
				let gfinList = []
				data.forEach(item => {
					item["isselect"] = false;
					if (item.isAdmin) {
						if (gfinList.length == 0) {
							item["isselect"] = true;
							this.gfinListselLiIndustryId = item["id"];
						}
						gfinList.push(item)
					} else {
						inList.push(item)
					}

				});

				// inList = inList.concat(data);
				console.log("inList", inList)
				this.inList = [...inList];
				this.gfinList = [...gfinList];
				// this.dataList1()
			},

			async dataList() {
				let user = storage.getUserInfo();
				let params = {
					pageNumber: this.pageNumber,
					pageSize: this.pageSize,
					deleteFlag: false,
					sort: "create_time",
					order: "desc",

				}
				if (this.currentpaixu == 0) {
					params["sort"] = "create_time";
				} else if (this.currentpaixu == 1) {
					params["sort"] = "chakannum";
				}
				if (this.selLiIndustryId) {
					params["industryId"] = Number(this.selLiIndustryId)
				}
				uni.showLoading({
					title: "加载中",
					mask: true
				})
				let res = await http.request({
					url: "/lili/liQuestions",
					method: Method.GET,
					needToken: true,
					params,
				});
				let huidashu = res.data.result.current;
				this.huidashu = huidashu;
				this.listtz.push("平台老师总计已回答：" + huidashu + "个问题")
				let data = res.data.result.records || [];
				this.total = res.data.result.total;
				let index = this.pageNumber - 1;
				this.questions[index] = data;
				this.$forceUpdate()
				uni.hideLoading()
				console.log("showHangyeList", this.questions)
			},

			async dataList1() {
				let user = storage.getUserInfo();
				let params = {
					pageNumber: this.glpage,
					pageSize: this.pageSize,
					deleteFlag: false,
					sort: "create_time",
					order: "desc",
					industryId: this.gfinListselLiIndustryId,
					createBy: "SYSTEM"
				}
				if (this.selLiIndustryId) {
					params["industryId"] = Number(this.gfinListselLiIndustryId)
				}
				uni.showLoading({
					title: "加载中",
					mask: true
				})
				let res = await http.request({
					url: "/lili/liQuestions",
					method: Method.GET,
					needToken: true,
					params,
				});

				let data = res.data.result.records || [];
				this.gftotal = res.data.result.total;
				let index = this.pageNumber - 1;
				this.gfquestions[index] = data;
				this.$forceUpdate()
				uni.hideLoading()
				console.log("showHangyeList", this.questions)
			},
		},

		/**
		 * 下拉刷新时
		 */
		onPullDownRefresh() {
			if (this.tabCurrentIndex == 0) {
				this.navList[0].params.pageNumber = 1;
				this.goodList = [];
				this.getGoodList();
			} else {
				this.navList[1].params.pageNumber = 1;
				this.storeList = [];
				this.getStoreList();
			}
		},
	};
</script>

<style lang="scss" scoped>
	.tiwen {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		width: calc(100% - 32rpx);
		font-weight: bolder;
	}

	.ans {
		max-height: 75rpx;
		// margin-bottom: 100rpx;
		overflow: hidden;
		position: relative;
		display: flex;
		margin-top: 20rpx;

		.wenben {
			// display: -webkit-box;
			// -webkit-line-clamp: 2; // 超出多少行
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			color: #6b6b6b;
		}

		.zhezhao {
			width: 100rpx;
			height: 55rpx;
			// background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .99));
			// backdrop-filter: blur(150rpx);
			background: #fff;
			bottom: 0;
			position: absolute;
			z-index: 9999;
			line-height: 55rpx;
			text-align: center;
			color: #3f426d;
			right: 0;
			bottom: -55rpx;
			display: none;
		}
	}

	page,
	.content {
		background: #ffffff;
		height: 100%;
	}

	.itemselect {
		color: #3f426d;
		font-weight: 600;
	}

	.slot-wrap {
		flex: 1;
		display: flex;
		padding-left: 32rpx;

	}

	.logo {
		width: 208rpx;
		height: 70rpx;
		margin-right: 30rpx;
	}

	.slogan {
		width: 176rpx;
		height: 56rpx;
		margin-top: 7rpx;
	}

	.content {
		width: 100%;
		height: 100vh;

	}

	.content-box {
		overflow-y: auto;
		background: #FFFFFF;
		padding-top: 30rpx;
	}

	.title1 {
		padding: 30rpx 32rpx 0rpx;
		font-size: 32rpx;
		font-weight: 500;
	}

	.grid-text {
		position: absolute;
		top: 170rpx;
		text-align: center;
		font-size: 22rpx;

		.title {
			font-size: 28rpx;
			font-weight: 500;
			// margin-bottom: 10rpx;
		}
	}

	.grid-text1 {
		position: absolute;
		top: 140rpx;
		text-align: justify;
		font-size: 22rpx;
		width: 90%;
		left: 40rpx;

		.title {
			font-size: 28rpx;
			font-weight: 500;
			margin-bottom: 10rpx;
		}
	}

	.line {
		height: 20rpx;
		background: #f8f8f8;
	}

	.box {
		padding: 0 32rpx;

		.title-box {
			font-size: 24rpx;

			.title {
				padding: 30rpx 0;
			}

			.title-1 {
				font-size: 32rpx;
			}
		}
	}

	.question-answer-box {

		.example {
			font-size: 26rpx;
			margin-bottom: 30rpx;
			position: relative;

			.mengceng {
				position: absolute;
				height: 200rpx;
				width: 100%;
				bottom: 0;
				background: rgba(255, 255, 255, .6);
				backdrop-filter: blur(50rpx);
			}

			image {
				width: 32rpx;
				height: 32rpx;
				position: relative;
				top: 8rpx;
				margin-right: 15rpx;
			}

			.qes {
				font-size: 28rpx;
				font-weight: 550;
				padding: 30rpx 0 10rpx;
				line-height: 50rpx;
			}
		}
	}

	/deep/ .u-grid-item-box {
		position: relative;
		padding: 0 !important;
		padding-bottom: 30rpx;
	}

	/deep/ .u-notice-content {
		padding-left: 0 !important;
	}

	.btn-shouye1 {
		padding-top: 10rpx;
	}
</style>
